<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .dyyiklcy-time {
            font-size: .17rem;
            margin-top: .25rem;
            font-weight: 500;
            color: #E896A3;
        }
    </style>
    <link
    rel="stylesheet"
    href="./1.css"
  />
</head>

<body>

    <div class="dyyiklcy-time">
        <b id="tian" class="animate__animated "></b>天
        <b id="shi"></b>时
        <b id="fen"></b>分
        <b id="miao" class="animate__animated "></b>秒
    </div>


    <script>


        function show_date_time() {
            BirthDay = new Date("2023-01-08 12:21:00");
            today = new Date();
            timeold = (today.getTime() - BirthDay.getTime());
            sectimeold = timeold / 1000;
            secondsold = Math.floor(sectimeold);
            msPerDay = 24 * 60 * 60 * 1000;
            e_daysold = timeold / msPerDay;
            daysold = Math.floor(e_daysold);
            e_hrsold = (e_daysold - daysold) * 24;
            hrsold = Math.floor(e_hrsold);
            e_minsold = (e_hrsold - hrsold) * 60;
            minsold = Math.floor((e_hrsold - hrsold) * 60);
            seconds = Math.floor((e_minsold - minsold) * 60);
            tian.innerHTML = daysold;
            shi.innerHTML = hrsold;
            fen.innerHTML = minsold;
            miao.classList.add('animate__bounceOutDown')
            setTimeout(()=>{
                miao.classList.remove('animate__bounceOutDown')
            })
        

            miao.innerHTML = seconds;

        }
        setTimeout(show_date_time, 1000);

    </script>
</body>

</html>